/*柱状组件样式*/
.h5_componentbar {
	transition: all 1s;
}
.h5_componentbar .line {
	font-size: 14px;
	position: relative;
	width: 100%;
	height: 15px;
	margin-bottom: 10px;
}
.h5_componentbar .name {
	position: absolute;
	left:-80px;
	top: 0;
	width: 80px;
	color: #000;
	text-align: center;
}
.h5_componentbar .rate {
	margin-left: 5px;
	height: 15px;
	border-radius: 3px;
}
.h5_componentbar .rate .bg {
	transition: all 1.5s 1s;
	width: 0%;
	height: 15px;
	background-color: pink;
	border-radius: 3px;
}
.h5_componentbar .per {
	position: absolute;
	top: 0;
	width: 30px;
	text-align: center;
	transition: all 1s 2s;
	opacity: 0;
}
.h5_componentbar_load div.rate .bg {
	width: 100%;
}
.h5_componentbar_leave div.rate .bg {
	width: 0%;
	transition: all .5s 1s;
}
.h5_componentbar_load .per {
	opacity: 1;
}
.h5_componentbar_leave .per {
		transition: all 0.5s;
	opacity: 0;
}
.h5_componentbar_leave {transition: all 0.5s 1.5s;}